<form nz-form [formGroup]="formGroup" class="login-form">
    <nz-form-item>
        <nz-form-control nzErrorTip="Please input host ip/name">
            <nz-input-group>
                <input type="text" nz-input formControlName="host" placeholder="Host ip/name" />
            </nz-input-group>
        </nz-form-control>
    </nz-form-item>
    <nz-form-item>
        <nz-form-control nzErrorTip="Please input port">
            <nz-input-group>
                <input type="number" nz-input formControlName="port" placeholder="Port" />
            </nz-input-group>
        </nz-form-control>
    </nz-form-item>
    <nz-form-item>
        <nz-form-control nzErrorTip="Please input username">
            <nz-input-group>
                <input type="text" nz-input formControlName="username" placeholder="Username" />
            </nz-input-group>
        </nz-form-control>
    </nz-form-item>
    <nz-form-item>
        <nz-form-control nzErrorTip="Please input password">
            <nz-input-group>
                <input type="password" nz-input formControlName="password" placeholder="Password" />
            </nz-input-group>
        </nz-form-control>
    </nz-form-item>
    <button nz-button class="login-form-button login-form-margin" nzType="primary" (click)="save()">Save</button>
</form>